<template>
  <div class="mass">
    <title-main title="党群活动墙"></title-main>
    <div class="bottom">
      <el-carousel :interval="5000" indicator-position="outside">
        <el-carousel-item v-for="(item, index) in dataList" :key="index">
          <div class="image">
            <el-image style="width: 100%; height: 100%" :src="item" fit="fill" />
          </div>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue'
let dataList = ref(['', '', '', '', ''])
</script>
<style scoped lang="scss">
.mass {
  .bottom {
    width: 550px;
    margin: 25px 0 0 -10px;
    .image {
      width: 490px;
      height: 282px;
      border: 2px solid #38b6fe;
      margin-left: 50%;
      transform: translateX(-50%);
    }
  }
}
</style>
